<%@ page import="com.jy.dao.UserDao" %>
<%@ page import="com.jy.dao.impl.UserDaoImpl" %>
<%@ page import="com.jy.entity.Student" %>
<%@ page import="com.jy.entity.Teacher" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>

<html class="wide wow-animation" lang="en">
<head>
    <%
      Object act=request.getSession().getAttribute("act");
      Object sf=request.getSession().getAttribute("sf");
      UserDao user=new UserDaoImpl();
      Student s = null;
      Teacher t=null;
      if(sf=="student") {
          s = user.getstuid((String) act);
      }else{
          t=user.getteacher("select *from teacher where tname=?",act);
      }
      System.out.println("用户名:"+act);
      System.out.println("身份:"+sf);
    %>
    <title>首页</title>
    <meta name="viewport" content="width=device-width height=device-height initial-scale=1.0">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <link rel="icon" href="../images/logo.png" type="image/x-icon">
    <link rel="stylesheet" href="/examproject/css/bootstrap.css">
    <link rel="stylesheet" href="/examproject/css/fonts.css">
    <link rel="stylesheet" href="/examproject/css/style.css">
    <style>
    .nav1 {
        position: relative;/* 设置相对定位 */
        padding-left: 30px;
        display: inline-block;/* 让元素具有块级元素和行内元素的特性,即将块级元素转化为内联元素 */
    }

    .nav2 {
        display: none;/* 将某元素隐藏起来 */
        position: absolute;/* 绝对定位 */
        background-color: #f9f9f9;
        min-width: 81px;/* 最小宽度 */
    }

    </style>
</head>
<body>
<!--    跳转-->
<div class="preloader">
    <div class="preloader-logo"><a class="brand" href="index.jsp"><img class="brand-logo-dark" src="/examproject/images/logo.png" alt="" width="245" height="50"/><img class="brand-logo-light" src="/examproject/images/logo.png" alt="" width="245" height="50"/></a>
    </div>
    <div class="preloader-body">
        <div class="cssload-container">
            <div class="cssload-speeding-wheel"></div>
        </div>
    </div>
</div>
<div class="page">

    <header class="page-header">

        <div class="rd-navbar-wrap">
            <nav class="rd-navbar rd-navbar-classic" data-layout="rd-navbar-fixed" data-sm-layout="rd-navbar-fixed" data-md-layout="rd-navbar-fixed" data-md-device-layout="rd-navbar-fixed" data-lg-layout="rd-navbar-static" data-lg-device-layout="rd-navbar-fixed" data-xl-layout="rd-navbar-static" data-xl-device-layout="rd-navbar-static" data-lg-stick-up-offset="46px" data-xl-stick-up-offset="46px" data-xxl-stick-up-offset="46px" data-lg-stick-up="true" data-xl-stick-up="true" data-xxl-stick-up="true">
                <na class="rd-navbar-main-outer">
                    <div class="rd-navbar-main">

                        <div class="rd-navbar-panel">

                            <button class="rd-navbar-toggle" data-rd-navbar-toggle=".rd-navbar-nav-wrap"><span></span></button>

                            <div class="rd-navbar-brand"><a class="brand" href="/examproject/nologin/index.jsp"><img class="brand-logo-dark" src="/examproject/images/logo.png" alt="" width="245" height="50"/><img class="brand-logo-light" src="../images/logo.png" alt="" width="245" height="50"/></a>
                            </div>
                        </div>
                        <div class="rd-navbar-nav-wrap">

                            <div class="rd-navbar-nav">
                                <li class="rd-nav-item active"><a class="rd-nav-link" href="/examproject/nologin/index.jsp">首页</a>
                                </li>
                                <li class="rd-nav-item"><a class="rd-nav-link" href="/examproject/html/mncs.jsp">模拟测试</a>
                                </li>
                                <div class="nav1">
                                <li class="rd-nav-item"><a class="rd-nav-link" href="/examproject/stu/gettimetest" onmouseover="showmore('showdiv2')" onmouseout="nonemore('showdiv2')">试卷中心</a>
                                </li>
                                    <div class="nav2" id="showdiv2" onmouseover="showmore(this.id)" onmouseout="nonemore(this.id)">
                                 <a class="rd-nav-link" href="/examproject/stu/gettimetest" >班级试卷</a>
                                     <br/>
                                 <a class="rd-nav-link" href="/examproject/stu/gettimetest">时段试卷</a>
                                     <br/>
                                 <a class="rd-nav-link" href="/examproject/stu/gettimetest">固定试卷</a>
                                    </div>
                                </div>
                                <div class="nav1">
                                <li class="rd-nav-item"><a class="rd-nav-link" href="/examproject/stu/getvideo" onmouseover="showmore('showdiv1')" onmouseout="nonemore('showdiv1')">课堂视频</a>
                                </li>
                                    <div class="nav2" id="showdiv1" onmouseover="showmore(this.id)" onmouseout="nonemore(this.id)">
                                        <a class="rd-nav-link" href="/examproject/stu/getvideo" >教学视频</a>
                                        <br/>
                                        <a class="rd-nav-link" href="/examproject/stu/getvideo">课堂回放</a>

                                    </div>
                                </div>
                                <%if(sf=="student"||sf==null){%>
                                <li class="rd-nav-item" style="padding-left: 45px;"><a class="rd-nav-link" href="/examproject/stu/getexamrecord">考试记录</a>
                                </li>
                                <%}%>
                                <div class="nav1">
                                <li class="rd-nav-item"><a class="rd-nav-link" href="#" onmouseover="showmore('showdiv')" onmouseout="nonemore('showdiv')">更多</a>
                                </li>
                                    <div id="showdiv" class="nav2" onmouseover="showmore(this.id)" onmouseout="nonemore(this.id)">
                                        <%if(sf=="student"||sf==null){%>
                                        <a class="rd-nav-link" href="/examproject/stu/falsebook" >错题本</a>
                                        <br/>
                                        <a class="rd-nav-link" href="/examproject/stu/findclass">我的班级</a>
                                        <br/>
                                        <a class="rd-nav-link" href="/examproject/stu/queryJ">留言板</a>
                                        <%}else{%>
                                        <a class="rd-nav-link" href="/examproject/html/zyqk.jsp">作业情况</a>
                                        <%}%>

                                    </div>
                                </div>
                            <div style="padding-left: 100px;">
                                 <li class="rd-nav-item">
                                     <%if(act==null){%>
                                    <a class="rd-nav-link" href="/examproject/nologin/LogInTo.jsp">登陆</a>||
                                    <a class="rd-nav-link" href="/examproject/nologin/Register.jsp">注册</a>
                                     <%}else{%>
                                     <div class="nav1">
                                         <%if(sf=="student"&&s.getStavatar()!=null){%>
                                        <img src="<%=s.getStavatar()%>" style="border-radius: 24px;width:48px;height:48px;">
                                        <%}else if(sf=="teacher"&&t.getThavatar()!=null){%>
                                         <img src="<%=t.getThavatar()%>" style="border-radius: 24px;width:48px;height:48px;">
                                        <%}else{%>
                                         <img src= "/examproject/images/mrtx.png" style="border-radius: 24px;width:48px;height:48px;">
                                         <%}%>
                                         <a class="rd-nav-link" onclick="yh('showdiv3')" href="#"><%=act%></a>
                                     <div class="nav2" id="showdiv3" onmouseover="showmore(this.id)" onmouseout="nonemore(this.id)">
                                         <a class="rd-nav-link" href="/examproject/stu/myinfo" >个人信息</a>
                                         <br/>
                                         <a class="rd-nav-link" href="/examproject/no/remove">退出</a>
                                     </div>
                                     </div>
                                     <%}%>
                                </li>
                            </div>
                            </ul>
                        </div>
                    </div>
                </div>
                </na>
            </nav>
        </div>
    </header>

    <section>
        <div class="swiper-container swiper-slider swiper-slider-1" data-loop="false" data-autoplay="5000" data-simulate-touch="false">
            <div class="swiper-wrapper">
                <div class="swiper-slide" data-slide-bg="/examproject/images/bg01.png">
                    <div class="swiper-slide-caption context-dark">
                        <div class="container">
                            <div class="row">
                                <div class="col-md-10 col-lg-7">
                                    <div class="box-animation">
                                        <h4 data-caption-animate="slideInLeft" data-caption-delay="150">模 拟 测 试</h4>
                                        <h2 data-caption-animate="slideInLeft" data-caption-delay="300">根据用户的需求实现模拟测试<span class="text-italic font-weight-bold">满足用户的测试</span>
                                        </h2>
                                        <div class="button-block" data-caption-animate="fadeInUp" data-caption-delay="450"><a class="button button-primary-gradient" href="/examproject/html/mncs.jsp"><span>了 解 详 情</span></a></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="swiper-slide" data-slide-bg="/examproject/images/bg02.png">
                    <div class="swiper-slide-caption context-dark">
                        <div class="container">
                            <div class="row">
                                <div class="col-md-10 col-lg-7">
                                    <div class="box-animation">
                                        <h4 data-caption-animate="slideInLeft" data-caption-delay="150">试卷中心</h4>
                                        <h2 data-caption-animate="slideInLeft" data-caption-delay="300">本平台拥有多中类别的试卷   <span class="text-italic font-weight-bold"> 为 考 试 而 做</span>
                                        </h2>
                                        <div class="button-block" data-caption-animate="fadeInUp" data-caption-delay="450"><a class="button button-primary-gradient" href="/examproject/stu/gettimetest"><span>立 即 前 往</span></a></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="swiper-slide" data-slide-bg="/examproject/images/bg03.png">
                    <div class="swiper-slide-caption context-dark">
                        <div class="container">
                            <div class="row">
                                <div class="col-md-10 col-lg-7">
                                    <div class="box-animation">
                                        <h4 data-caption-animate="slideInLeft" data-caption-delay="150">视频课堂</h4>
                                        <h2 data-caption-animate="slideInLeft" data-caption-delay="300">本平台支持当前用户的班级课堂回放 <span class="text-italic font-weight-bold">并且拥有资源丰富的教学视频让用户浏览学习</span>
                                        </h2>
                                        <div class="button-block" data-caption-animate="fadeInUp" data-caption-delay="450"><a class="button button-primary-gradient" href="/examproject/stu/getvideo"><span>立 即 前 往</span></a></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="swiper-pagination"></div>
        </div>
    </section>

    <section class="section section-lg bg-gray-100">
        <div class="container">
            <div class="row row-50 justify-content-center justify-content-lg-between">
                <div class="col-12">
                    <h3 class="h-custom-1 f1">考 试 记 录</h3>
                </div>
                <div class="col-md-6 col-lg-5 col-xl-3 wow fadeIn">
                    <p>用户在考试的同时平台会进行记录,并且用户随时可以查看到考试记录,考试记录方便了用户也增强了用户的体验感...</p><a class="button button-primary-gradient" href="/examproject/stu/getexamrecord"><span>了 解 详 情</span></a>
                </div>
                <div class="col-md-6 col-xl-3 wow fadeIn" data-wow-delay=".2s">

                    <article class="progress-linear">
                        <div class="progress-header">
                            <p>效率</p><span class="progress-value">100</span>
                        </div>
                        <div class="progress-bar-linear-wrap">
                            <div class="progress-bar-linear"></div>
                        </div>
                    </article>

                    <article class="progress-linear">
                        <div class="progress-header">
                            <p>有待完善</p><span class="progress-value">10</span>
                        </div>
                        <div class="progress-bar-linear-wrap">
                            <div class="progress-bar-linear"></div>
                        </div>
                    </article>

                    <article class="progress-linear">
                        <div class="progress-header">
                            <p>用户体验反馈</p><span class="progress-value">100</span>
                        </div>
                        <div class="progress-bar-linear-wrap">
                            <div class="progress-bar-linear"></div>
                        </div>
                    </article>

                    <article class="progress-linear">
                        <div class="progress-header">
                            <p>记录详细度</p><span class="progress-value">99</span>
                        </div>
                        <div class="progress-bar-linear-wrap">
                            <div class="progress-bar-linear"></div>
                        </div>
                    </article>

                    <article class="progress-linear">
                        <div class="progress-header">
                            <p>用户使用率</p><span class="progress-value">80</span>
                        </div>
                        <div class="progress-bar-linear-wrap">
                            <div class="progress-bar-linear"></div>
                        </div>
                    </article>
                </div>
                <div class="col-xl-4 wow fadeIn" data-wow-delay=".4s"><img class="img-rounded" src="/examproject/images/index01.png" alt=""></div>
            </div>
        </div>
    </section>

    <section class="section section-lg bg-default text-center">
        <div class="container">
            <h2 class="wow fadeIn">我们的优势</h2>
            <div class="row row-30 row-md-50 row-xl-70">
                <div class="col-sm-6 col-lg-4 wow fadeIn">

                    <div class="post-minimal">
                        <figure class="post-minimal-media"><a href="/examproject/stu/gettimetest"><img class="post-minimal-image" src="/examproject/images/index02.png" alt="" width="370px" height="260px"/></a></figure>
                        <div class="post-minimal-meta">
                            <ul class="list-inline">
                                <li class="list-inline-item">优势之一: </li>
                                <li class="list-inline-itema"><a href="/examproject/stu/gettimetest">试卷中心</a></li>
                            </ul>
                        </div>
                        <h4 class="post-minimal-title"><a href="/examproject/stu/gettimetest">拥有多种类型的试卷提供给用户测试</a></h4>
                    </div>
                </div>
                <div class="col-sm-6 col-lg-4 wow fadeIn" data-wow-delay=".2s">

                    <div class="post-minimal">
                        <figure class="post-minimal-media"><a href="/examproject/html/videoclass.jsp"><img class="post-minimal-image" src="/examproject/images/index03.png" alt="" width="370" height="260"/></a></figure>
                        <div class="post-minimal-meta">
                            <ul class="list-inline">
                                <li class="list-inline-item">优势之二: </li>
                                <li class="list-inline-itema"><a href="/examproject/stu/getvideo">教学视频</a></li>
                            </ul>
                        </div>
                        <h4 class="post-minimal-title"><a href="/examproject/stu/getvideo">本站包含各种学习视频提供给用户学习</a></h4>
                    </div>
                </div>
                <div class="col-sm-6 col-lg-4 wow fadeIn" data-wow-delay=".4s">

                    <div class="post-minimal">
                        <figure class="post-minimal-media"><a href="/examproject/stu/getvideo"><img class="post-minimal-image" src="/examproject/images/index04.png" alt="" width="370" height="260"/></a></figure>
                        <div class="post-minimal-meta">
                            <ul class="list-inline">
                                <li class="list-inline-item">优势之三: </li>
                                <li class="list-inline-itema"><a href="/examproject/stu/getvideo">课堂回放</a></li>
                            </ul>
                        </div>
                        <h4 class="post-minimal-title"><a href="/examproject/stu/getvideo">便以用户观看所在班级的回放视频复习</a></h4>
                    </div>
                </div>
                <div class="col-sm-6 col-lg-4 wow fadeIn">

                    <div class="post-minimal">
                        <figure class="post-minimal-media"><a href="#"><img class="post-minimal-image" src="/examproject/images/index05.png" alt="" width="370" height="260"/></a></figure>
                        <div class="post-minimal-meta">
                            <ul class="list-inline">
                                <li class="list-inline-item">优势之四: </li>
                                <li class="list-inline-itema"><a href="#">错题本</a></li>
                            </ul>
                        </div>
                        <h4 class="post-minimal-title"><a href="#">记载着用户做错的题目并且可以查看</a></h4>
                    </div>
                </div>
                <div class="col-sm-6 col-lg-4 wow fadeIn" data-wow-delay=".2s">

                    <div class="post-minimal">
                        <figure class="post-minimal-media"><a href="/examproject/html/myclass.jsp"><img class="post-minimal-image" src="/examproject/images/index06.png" alt="" width="370" height="260"/></a></figure>
                        <div class="post-minimal-meta">
                            <ul class="list-inline">
                                <li class="list-inline-item">优势之五: </li>
                                <li class="list-inline-itema"><a href="/examproject/stu/findclass">我的班级</a></li>
                            </ul>
                        </div>
                        <h4 class="post-minimal-title"><a href="/examproject/stu/findclass">记载着用户的班级详细信息</a></h4>
                    </div>
                </div>
                <div class="col-sm-6 col-lg-4 wow fadeIn" data-wow-delay=".4s">

                    <div class="post-minimal">
                        <figure class="post-minimal-media"><a href="#"><img class="post-minimal-image" src="/examproject/images/index07.png" alt="" width="370" height="260"/></a></figure>
                        <div class="post-minimal-meta">
                            <ul class="list-inline">
                                <li class="list-inline-item">优势之六: </li>
                                <li class="list-inline-itema"><a href="/examproject/stu/queryJ">留言板</a></li>
                            </ul>
                        </div>
                        <h4 class="post-minimal-title"><a href="/examproject/stu/queryJ">方便各大校园校友留言</a></h4>
                    </div>
                </div>
            </div><a class="button button-lg button-primary-gradient wow fadeIn" data-wow-delay=".2s" href="#"><span>了 解 详 情</span></a>
        </div>
    </section>

    <section class="section section-lg bg-default text-center">
        <div class="container">
            <h2 class="wow fadeIn">荣誉资质</h2>
            <div class="row row-30 justify-content-center">
                <div class="col-sm-10 col-md-6 wow fadeIn">
                   <a class="post-light context-dark" href="https://www.huawei.com" style="background-image: url(/examproject/images/honor01.png);">
                    <div class="post-light-inner">
                        <div class="badge">News</div>
                        <div class="post-light-main">
                            <time class="post-light-time" datetime="2019">2021年7月5日</time>
                            <h4 class="post-light-title">华为技术有限公司荣誉证书</h4>
                        </div>
                    </div></a>
                </div>
                <div class="col-sm-10 col-md-6 wow fadeIn" data-wow-delay=".2s">
                   <a class="post-light context-dark" href="http://home.baidu.com" style="background-image: url(/examproject/images/honor02.png);">
                    <div class="post-light-inner">
                        <div class="badge">News</div>
                        <div class="post-light-main">
                            <time class="post-light-time" datetime="2019">2021年6月6日</time>
                            <h4 class="post-light-title">北京百度科技有限公司荣誉证书</h4>
                        </div>
                    </div></a>
                </div>
                <div class="col-sm-10 col-md-6 wow fadeIn">
                   <a class="post-light context-dark" href="https://www.tencent.com" style="background-image: url(/examproject/images/honor03.png);">
                    <div class="post-light-inner">
                        <div class="badge">News</div>
                        <div class="post-light-main">
                            <time class="post-light-time" datetime="2019">2020年6月8日</time>
                            <h4 class="post-light-title">腾讯科技有限公司荣誉证书</h4>
                        </div>
                    </div></a>
                </div>
                <div class="col-sm-10 col-md-6 wow fadeIn" data-wow-delay=".2s">
                    <a class="post-light context-dark" href="http://www.omnisun.com.cn/qyx.php?lm=22&id=174" style="background-image: url(/examproject/images/honor04.png);">
                    <div class="post-light-inner">
                        <div class="badge">News</div>
                        <div class="post-light-main">
                            <time class="post-light-time" datetime="2019">2004年9月8日</time>
                            <h4 class="post-light-title">湖南微软创新中心荣誉证书</h4>
                        </div>
                    </div></a>
                </div>
            </div><a class="button button-lg button-primary-gradient wow fadeIn" href="#" data-wow-delay=".2s"><span>更  多</span></a>
        </div>
    </section>

    <section class="section oh text-center">
        <div class="owl-carousel owl-carousel-dots-space wow fadeIn" data-items="2" data-sm-items="3" data-md-items="4" data-lg-items="5" data-xl-items="6" data-dots="true" data-nav="false" data-stage-padding="0" data-loop="false" data-margin="0" data-mouse-drag="false" data-lightgallery="group">
           <a class="thumbnail-thin" href="/examproject/images/index08.png" data-lightgallery="item">
            <div class="thumbnail-thin-inner"><img class="thumbnail-thin-image" src="/examproject/images/index08.png" alt="" width="320" height="320"/>
            </div></a>
           <a class="thumbnail-thin" href="/examproject/images/index09.png" data-lightgallery="item">
            <div class="thumbnail-thin-inner"><img class="thumbnail-thin-image" src="/examproject/images/index09.png" alt="" width="320" height="320"/>
            </div></a>
            <a class="thumbnail-thin" href="/examproject/images/index10.png" data-lightgallery="item">
            <div class="thumbnail-thin-inner"><img class="thumbnail-thin-image" src="/examproject/images/index10.png" alt="" width="320" height="320"/>
            </div></a>
            <a class="thumbnail-thin" href="/examproject/images/index11.png" data-lightgallery="item">
            <div class="thumbnail-thin-inner"><img class="thumbnail-thin-image" src="/examproject/images/index11.png" alt="" width="320" height="320"/>
            </div></a>
            <a class="thumbnail-thin" href="/examproject/images/index12.png" data-lightgallery="item">
            <div class="thumbnail-thin-inner"><img class="thumbnail-thin-image" src="/examproject/images/index12.png" alt="" width="320" height="320"/>
            </div></a>
            <a class="thumbnail-thin" href="/examproject/images/index13.png" data-lightgallery="item">
            <div class="thumbnail-thin-inner"><img class="thumbnail-thin-image" src="/examproject/images/index13.png" alt="" width="320" height="320"/>
            </div></a>
        </div>
    </section>
<script src="/examproject/js/core.min.js"></script>
<script src="/examproject/js/script.js"></script>

<script>
    function showmore(id) {
        var d=document.getElementById(id);
        d.style.display="block";
    }
    function nonemore(id) {
        var d=document.getElementById(id);
        d.style.display="NONE";
    }
    function yh(id) {
        var d=document.getElementById(id);
        d.style.display="block";
    }
</script>
</body>
</html>
